﻿@page "/"
<style>
    .card-height{
        height: 240px;
    }
</style>
<RadzenCard>
    <RadzenStack Orientation="Orientation.Vertical" class="row">
        <RadzenStack class="row card-height" Orientation="Orientation.Horizontal">
            <RadzenCard class="col">
                <RadzenLink Path="/code share" Text="share code" target="_self">
                    <RadzenImage Path="/img/share code2.png" Style="width: 100%;height:100%">
                    </RadzenImage>

                </RadzenLink>
                @* <RadzenText Style="font-size: 32px">share code</RadzenText> *@
            </RadzenCard>
            <RadzenCard class="col">
                <RadzenLink Path="/file share" Text="share file" target="_self">
                    <RadzenImage Path="/img/share file.png" Style="width: 100%;height: 100%">
                    </RadzenImage>
                    @* <RadzenText Style="font-size: 32px">share file</RadzenText> *@
                </RadzenLink>
            </RadzenCard>
        </RadzenStack>
        <RadzenStack class="row card-height" Orientation="Orientation.Horizontal">
            <RadzenCard class="col">

                <RadzenLink Path="/calculators" Text="calculators" target="_self">
                    <RadzenImage Path="/img/calculators.png" Style="width: 100%;height: 100%">
                                        </RadzenImage>
                    @* <RadzenText Style="font-size: 32px">calculators</RadzenText> *@
                </RadzenLink>
            </RadzenCard>
            <RadzenCard class="col">
                <RadzenLink Path="/code run" Text="run code" target="_self">
                    <RadzenImage Path="/img/run code.png" Style="width: 100%;height: 100%">
                                        </RadzenImage>
                    @* <RadzenText Style="font-size: 32px">run code</RadzenText> *@
                </RadzenLink>
            </RadzenCard>
        </RadzenStack>
    </RadzenStack>
</RadzenCard>